﻿/* layout
---------------------------------------------------------------------------------------------------------- */
html {font-size: 62.5%;}
body { font-family:Microsoft YaHei, SimSun, SimHei, Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; line-height:1.2rem; color:#000; background: #f5f5f5;}

.container { width:auto; margin:0 auto;}
.branding { width:auto;}
.nav { width:auto;}
.content { width:auto;}
.site_info { color:#898888; width:auto;clear:both;}
.site_info em { font-family:Arial, Helvetica, sans-serif;}

/*  end layout
---------------------------------------------------------------------------------------------------------- */

/* index
---------------------------------------------------------------------------------------------------------- */

/** 首页内容样式 **/
.bg_435e73 {
	background: #435e73;
	/*height: 100px;*/
	color: #fff;
	padding-bottom: 10px;
}
.p_15em {
	padding: 1rem 1.5rem;
}
.f_10 {
	font-size: 0.8em;
	font-size: 0.8rem;
}

.bg_435e73Bar {
	background: #3b4e5d;
	color: #fff;
	padding: 0 1.4rem;
	/*min-height: 110px;*/
	border-top:1px solid #3b4e5d;
}

.bg_435e73Bar .info {
	margin-left:52px;
}
.bg_435e73Bar .info h3 {
	font-size: 1.5rem;
}
.bg_435e73Bar .info .cardNum {
	font-size: 1.8rem;
}

.tip01 {
	background: #fff;
	border:1px solid #d1d5d9;
	width:100%;
	text-align: center;
	height: 42x;
	line-height: 42px;
	color: #d81718;
	margin: 0 auto;
	border-radius: 0 0 4px 4px;
	font-size: 1.3rem;
}
.tip01 i {
	display: inline-block;
	vertical-align: top;
	width: 23px;
	height: 23px;
	margin-top: 5px;
	margin-right:6px;
}
.cardInfo {
	margin-top: 16px;
	padding-bottom: 30px;
}

.bg_fffBar {
	background: #fff;
	border-bottom: 1px solid #f2f2f2;
	padding: 1rem;
	font-size: 1.5rem;
}
.bg_fffBar em {
	font-size: 2rem;
	color: #d81718;
}

.btn_blue01,
.btn_white01,
.btn_red01 {
	border:1px solid #3b4e5d;
	height: 37px;
	line-height: 37px;
	text-align: center;
	font-size: 1.5rem;
	border-radius: 5px;
}
.btn_blue01 {
	color: #fff;
	background: #3b4e5d;
}
.btn_white01 {
	color: #3b4e5d;
}
.btn_red01 {
	color: #fff;
	background: #e2191a url(../images/btn_redBg.png) repeat-x;
	border:1px solid #ec8e8f;
}
.note01 {
	color: #999999;
	font-size: 1.2rem;
	line-height: 1.6rem;
}

.bg_fffBar02 {
	background: #fff;
}

.list01 {
	text-align: center;
}
.list01 li {
	/*float: left;*/
	width: 30%;
	margin: 0 3px 10px;
	display: inline-block;
	vertical-align: middle;
}
.list01 li a {
	display: block;
	height: 58px;
	line-height: 58px;
	border:1px solid #9ba5ac;
	text-align: center;
	font-size: 1.8rem;
	color: #3b4e5d;
	font-weight: 700;
}
.list01 li a:hover,
.list01 li a.hover {
	border:1px solid #ec8e8f;
	color: #d81718;
}

.bg_body01 {
	background: #3b4e5d;
}
.p_4_1r {padding: 4rem 1.3rem;}
.p_2_1r {padding: 2rem 1.3rem;}

.qrcBar {
	background: #fff;
	min-height: 360px;
	padding: 1rem;
	box-shadow: 2px 2px 5px #3b4e5d;
}
.qrcBar .hd {
	margin-bottom: 2rem;
	height: 43px;
}
.qrcBar .bg {
	text-align: center;
	margin-bottom: 1rem;
}
.qrcBar .ft {
	text-align: center;
	font-size: 1.2rem;
	color: #aaaaaa;
}

.qrcBar .hd .cardLogo02,
.qrcBar .hd .cardName,
.qrcBar .hd .cardNum {
	display: block;
	float: left;
}
.qrcBar .hd .cardLogo02 {
	width: 43px;
	height: 43px;
	border-radius: 21.5px;
	background: #3b4e5d;
	overflow: hidden;
	margin-right: 8px;
}
.qrcBar .hd .cardName,
.qrcBar .hd .cardNum {
	font-size: 1.5rem;
	color: #333333;
	font-weight: 600;
	height: 1.5rem;
	line-height: 1.5rem;
	margin-top: 11px;
}
.qrcBar .hd .cardNum {
	border-left: 2px solid #333333;
	margin-left:10px;
	padding-left: 10px;
}

.box01 {
	background: #fff;
	border-top: 1px solid #cbcccd;
	border-bottom: 1px solid #cbcccd;
}
.box01 .hd {
	text-align: center;
	padding:12px 0;
	border-bottom: 1px solid #f3f3f3;
	font-size: 1.6rem;
	color: #3b4e5d;
	font-weight: 700;
}
.box01 .hd i {
	display: inline-block;
	vertical-align: middle;
	width: 22px;
	height: 22px;
	margin-right: 8px;
}
.ico_01 {
	background: url(../images/ico_01.png) no-repeat;
}

.bor_bf3 {
	border-bottom: 1px solid #f3f3f3;
}

.tbInfo {
	font-size: 1.2rem;
	color: #aaaaaa;
}
.tbInfo .item {
	margin-bottom: 5px;
}
.tbInfo .item .th,
.tbInfo .item .td {
	display: block;
	height: 34px;
	line-height: 34px;
}
.tbInfo .item .th {
	float: left;
}
.tbInfo .item .td {
	float: right;
}

.fs_18r {font-size: 1.8rem;}

.boxBar02 {
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
	border:1px solid #e8e8e8;
}
.boxBar02 .hd {
	background: #e61b46;
	padding: 15px;
	font-size: 1.6rem;
	color: #fff;
}
.boxBar02 .bg {
	
}
.boxBar02 .ft {
	border-top:1px solid #f3f3f3;
	padding: 10px;
}
.boxBar02 .ft .more a {
	color: #cccccc;
	line-height: 100%;
}
.boxBar02 .ft .more img {
	vertical-align: middle;
}
.boxBar02 .ft .see a {
	font-size: 1.4rem;
	color: #111;
	font-weight: 700;
}

.money {
	border-bottom: 1px dashed #f3f3f3;
	padding: 20px 0;
}
.money {
	font-size: 1.4rem;
	color: #aaaaaa;
}
.money .price {
	font-size: 4rem;
	color: #111;
	line-height: 100%;
}

.tb_list01 th,
.tb_list01 td {
	padding: 5px 1px;
	font-size: 1.3rem;
}
.tb_list01 th {
	color: #aaa;
}
.tb_list01 td {
	color: #111;
}

.bg_redBar {
	background: url(../images/bg_redBar.jpg) repeat-x #e3181b;
	min-height: 100px;
	color: #fff;
	position: relative;
}
.bg_redBar .tit01 {
	font-size: 1.8rem;
}

.money02 {
	/*padding: 20px 0;*/
}
.money02 .na {
	font-size: 1.1rem;
}
.money02 .price {
	font-size: 4rem;
	line-height: 100%;
}
.money02 .na02 {
	font-size: 1.2rem;
	margin-bottom: 20px;
	opacity: 0.7;
}

.list02 li,
.list03 li {
	border-bottom: 1px solid #f5f5f5;
	padding: 10px 3px;
	list-style: none;
}
.list02 li:last-child,
.list03 li:last-child {
	border-bottom: 0px solid #f5f5f5;
}

.list02 li .tit,
.list03 li .tit {
	font-size: 1.4rem;
	color: #111;
}

.list02 li .cue,
.list03 li .cue {
	font-size: 1.4rem;
	color: #999999;
}
.list02 li .tit .ico,
.list03 li .tit .ico {
	width: 22px;
	height: 22px;
	margin-right: 10px;
}

.ico, .btn {display: inline-block; vertical-align: middle;}
.btn_ses {
	width: 8px;
	height: 12px;
	background: url(../images/dit_01.png) no-repeat;
}

.ico_pri {background: url(../images/ico_pri.png) no-repeat;}
.ico_rec {background: url(../images/ico_rec.png) no-repeat;}

.title01 {
	padding: 5px 10px;
	font-size: 1.1rem;
	color: #999999;
}
.note01 {
	padding: 5px 10px;
	font-size: 1rem;
	color: #999999;
}

.listUser li {
	margin-bottom: 10px;
	position: relative;
}
.listUser li a {
	display: block;
	border:1px solid #fff;
	background: #fff;
	border-radius: 2px;
	overflow: hidden;
	padding:11px 10px;
}
.listUser li a:hover,
.listUser li.on a {
	border:1px solid #e91e2e;
}
.listUser li .photo,
.userInfo .photo {
	display:block;
	width: 44px;
	height: 44px;
	border-radius: 22px;
	overflow: hidden;
}
.listUser li .info,
.userInfo .info {
	margin-left: 52px;
	color: #999999;
} 
.listUser li .info .name,
.listUser li .info .comp,
.userInfo .info .name,
.userInfo .info .comp {
	line-height: 1.7em;
} 
.listUser li .info .name,
.userInfo .info .name {
	font-size: 1.45rem;
	color: #333333;
}

.listUser li .tip,
.userInfo .tip {
	display: block;
	position: absolute;
	top: 25px;
	right: 15px;
	color: #999999;
}

.bg_redBar .scanCode {
	width: 100px;
	text-align: center;
	position: absolute;
	top: 20px;
	right: 20px;
}
.bg_redBar .scanCode .ico_scan {
	width: 47px;
	height: 47px;
	margin:0 auto;
	background: url(../images/ico_scan.png) no-repeat;
}
.bg_redBar .scanCode .tit {
	margin:10px auto 0 auto;
	font-size: 1.6rem;
}

.userInfo {
	border-bottom: 1px solid #f8f8f8;
	background: #fff;
	padding:11px 12px;
	position: relative;
}

.userInfo .tip i {
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	background: url(../images/dit01.png) no-repeat;
	margin:-2px 0 0 5px;
}

.ico_pass {background: url(../images/ico_pass.png) no-repeat;}
.ico_replace {background: url(../images/ico_replace.png) no-repeat;}

.operation {
	border:1px solid #eeeeee;
	background: #fff;
	padding:8px 0;
}
.operation .op.fl {
	border-right: 1px solid #eeeeee;
}
.operation .op {
	width: 49.8%;
	height: 70px;
	text-align: center;
}
.operation .op b {
	display: block;
	width: 44px;
	height: 44px;
	margin:0 auto;
}
.operation .op .tit {
	display: block;
	margin-top: 8px;
	font-size: 1.4rem;
	color: #333333;
}
.ico_goon {background: url(../images/ico_goon.png) no-repeat;}
.ico_out {background: url(../images/ico_out.png) no-repeat;}

/**/
.user_c{color: #ffa000; text-decoration: underline;}
.an_ex{ line-height:22px; font-size:1.4rem; color:#999;}

.header{ position:relative; height:40px; line-height:40px; text-align:center;  font-size:14px; color:#fff; background:#262629;z-index: 9999;}
.rebacker{ position:absolute; left:10px; top:14px; width:12px; height:12px; border:solid #fff; border-width:0 0 2px 2px; -webkit-transform:rotate(45deg); transform:rotate(45deg);z-index: 9999;}

.list02 .tit .an_ex {
	color: #000;
}

/****** 弹出层 ******/
/*遮罩层*/
.alert_b{ display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; background:url(../../images/mealallowance/alpha_black.png) repeat; z-index: 400;}

.popDiv {
	width: 100%;
	background: #fff;
	position: fixed;
	bottom:-100%;
	z-index: 500;
	color: #404040;
	min-height: 300px;
	-webkit-transition:all 400ms ease;  transition:all 400ms ease;
}

.popDiv.show{ bottom:0;}

.popDiv .pop_bg {
	position: relative;
}
.btn_close {
	display: block;
	width: 16px;
	height: 16px;
	background: url(../../images/mealallowance/ico_close.png) no-repeat;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 1000;
}

.poptit {
	border-bottom: 1px solid #f5f5f5;
	font-size: 1.45rem;
	font-weight: 600;
	color: #141517;
	padding: 13px 0;
}
.list03 li .tit {
	color: #aaaaaa;
}
.list03 li .con,
.list03 li .con_zf {
	display: block;
	margin-left: 64px;
	color: #333333;
	font-size: 1.2rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.list03 li .pri {
	color: #333333;
	font-size: 1.8rem;
	font-weight: 600;
}
.list03 li .con_zf {
	line-height: 26px;
}
.list03 .ico_dui {
	width: 12px;
	height: 10px;
	background: url(../../images/mealallowance/ico_dui.png) no-repeat;
}
.list03 .ico_hna,
.list03 .ico_tj {
	display: block;
	width: 26px;
	height: 26px;
}
.ico_hna {
	background: url(../../images/mealallowance/ico_hna.png) no-repeat;
}
.ico_tj {
	background: url(../../images/mealallowance/ico_tj.png) no-repeat;
}